import React from "react";
import { Space } from "antd"
import RowLayout from "./RowLayout";
import "./index.css"


const ShowCard = (props) => {
  const { img, title, content, boxStyle } = props
  return (
    <div className="show-card-box" style={boxStyle}>
      <div className="left" style={{ width: 50 }}>
        {img}
      </div>
      <div className="right" style={{ flex: 1 }}>
        <RowLayout  
          justify="space-between"
          style={{ fontWeight: 700, fontSize: 16, marginBottom: 10}}
          content={title}
        />
        <Space direction="vertical">
          {content}
        </Space>
      </div>
    </div>
  )

}

export default ShowCard